*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
/*nav部分*/
nav{
    background: #3097d1;
}
.navbar-light .navbar-nav .nav-link {
    color:#d1e8f4;
}
.navbar-light .navbar-nav .nav-link:hover{
    color:#fff;
}
.item{
    margin-left: 34px;
}
.item li{
    list-style-type: none;
    float: left;
    margin-top: 10px;
}
/*banner部分*/
.banner{
    background: #f5f8fa;
    padding-bottom: 104px;
}
.banner .container{
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;

}
.item-1{
    flex: 0 0 25%;
   margin-left: -5px;
    padding-right: 15px;
}
.item-1 img{
    width: 260px;
    height: 149px;
}
.banner-top{
    height: 302px;
    border: 1px solid #d3e0e9;
    border-radius: 5px;
    background: #fff;
}
.banner-top img{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.g{
    border: 1px solid #d3e0e9;
}
.banner-one{
    position: relative;
}
.banner-one img{
    display: block;
    width: 101px;
    height: 100px;
    position: absolute;
    bottom: -43px;
    left: 76px;
}
.banner-one-1{
    margin-top: 54px;
    text-align: center;
}
.banner-one-1 h5{
    color: #1e3948;
}
.banner-one-1 p{
    color: #333948;
}
/*banner中*/
.banner-center{
    margin-top: 32px;
    height: 191px;
    border: 1px solid #d3e0e9;
    border-radius: 5px;
    background: #fff;
}
.banner-two{
    margin-left: 17px;
    margin-top: 17px;
}
.banner-two p{
    margin-bottom: 0rem;
    line-height: 24px;

}
.banner-two a{
    color: #3097d1;
    margin-left: 8px;
    text-decoration: none;
}
.banner-two-2{
    margin-top: 17px;
}
/*banner下*/
.banner-bottom{
    margin-top: 23px;
    height: 459px;
    border: 1px solid #d3e0e9;
    border-radius: 5px;
    background: #fff;
}
.banner-three h5{
    margin-left: 12px;
}
.banner-three{
    margin-top: 17px;
    margin-left: 1px;
}
.banner-three-3 img{
    width: 118px;
    height: 118px;
    margin-top: 11px;
   padding-left:4px;
    margin-left: 5px;
}
/*banner中间*/
.item-2{
    flex: 0 0 50%;
    /*padding-left: 15px;*/
    /*padding-right: 15px;*/
    border: 1px solid #d3e0e9;
    border-radius: 5px;
    background: #fff;
}
.item-3{
    flex: 0 0 25%;
}
.banner-4 p{
    font-size: 14px;
}
.tupian{
    margin-left: -12px;
}
.tupian img{
    width: 240px;
    height: 213px;
    margin-top: 10px;
    margin-left: 20px;
}
.zi1 li,.zi2 li,.zi3 li,.zi4 li,.zi5 li{
    list-style-type: none;
}
.zi1 .j,.zi2 .j,.zi3 .j,.zi4 .j,.zi5 .j{
    font-size: 13px;
}
.zi1{
    margin-top: 42px;
}
.zi2{
    margin-top: 24px;
}
.zi3,.zi4{
    position: relative;
}
.banner-4 .d{
    padding-left: 313px;
    color: #9da9b2;
}
.banner-5 .d{
     position: absolute;
     bottom:120px;
     left: 446px;
     color: #9da9b2;
}
.banner-6 .d{
    position: absolute;
    bottom:96px;
    left: 446px;
    color: #9da9b2;
}
.banner-6 img{
    width: 524px;
    height: 523px;
}
.banner-5{
    flex-wrap: wrap;
}
.l{
    border: 1px solid #d3e0e9;
}
.zi5{
    margin-top: 40px;
}
/*banner右*/
.item-3{
    flex: 0 0 25%;
    padding-left: 15px;
    /*padding-right: 15px;*/
}
.item-3-top-1{
    height: 491px;
    border: 1px solid #d3e0e9;
    border-radius: 5px;
    background: #fff;
}
.item-3-top-1 img{
    width: 217px;
    height: 214px;
}
.item-3-top-1 h6{
    font-size: 14px;
    margin-top: 10px;
}
.item-3-top-1 a{
    text-decoration: none;
    color: #518bbf;
    border:1px solid #2a88bd;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
}
.item-3-top-1 a:hover{
    background:#2a88bd ;
    color: #fff;
}
.item-3-bottom{
    height: 322px;
    border: 1px solid #d3e0e9;
    border-radius: 5px;
    margin-top: 32px;
    background: #fff;
}
.item-3-3{
    margin-left: 10px;
}
.item-3-3 a{
    text-decoration: none;
    padding: 5px 16px 4px 24px;
    border: 1px solid #2a88bd;
    border-radius: 5px;
    color: #518fc1;
}
.a1{
     background: url("../img/anniu.png") no-repeat;
     background-size: 13px 13px;
     background-position: 10px 10px;
 }
.a2{
    background: url("../img/anniu.png") no-repeat;
    background-size: 13px 13px;
    background-position: 10px 10px;
}
.item-3-3 a:hover{
    background: #2a88bd;
    color: #fff;
    border-radius: 5px;
    padding: 5px 20px 4px 20px;
}
.item-xia{
    height: 77px;
    background: #f5f8fa;
}
.w{
    border: 1px solid #d3e0e9;
    margin-top: 30px;
}
.item-xia p{
    font-size: 14px;
}
/*底部*/
footer{
    background: #f5f8fa;
    height:183px;
    border-top:1px solid #cccccc;
    text-align: center;

}
footer a{
    color: #5bbbe9;

}
.footer-top{
    margin-top: 56px;
    margin-bottom: 22px;
}
.footer-top a{
    text-decoration: none;
}
.footer-top span{
    font-size: 15px;
}
.footer-bottom{
    /*margin-bottom: 59px;*/

}
.footer-bottom a{
    padding: 0 15px;
    text-decoration: none;

}
/*响应式*/
@media (max-width: 600px) {
    .item-1{
        width: 100%;
        margin: auto;
    }
    .item-1 img {
        width: 313px;
        height: 149px;
    }
   .item-2{
       width:100%;
       margin: auto;
       margin-top: 25px;
   }
   .item-3{
       width: 100%;
       margin: auto;
       margin-top: 25px;
   }
    .tupian img {
        width: 272px;
        height: 213px;
        margin-top: 10px;
    }
    .banner-one img {
        display: block;
        width: 101px;
        height: 100px;
        position: absolute;
        bottom: -51px;
        left: 105px;
    }
    .banner-three-3 img{
        width: 145px;
        height: 119px;
    }
    .banner-6 img {
        width: 285px;
        height: 334px;
    }
    .banner-5 .d {
        position: absolute;
        bottom: 217px;
        left: 197px;
        color: #9da9b2;
    }
    .banner-6 .d {
        position: absolute;
        bottom: 169px;
        left: 203px;
        color: #9da9b2;
    }
    .banner-4{
        position: relative;
    }
    .banner-4 .d{
        position: absolute;
        right: 24px;
        bottom: 1495px;
    }
    .item li{
        padding: 0 4px;
    }
    .btn1, .btn2 {
        padding: 0 0;
    }
    .item-3-3{
        margin-left: 3px;
    }
}

